本範例使用 .ajax() 向 web service 送出查詢索引,並印出 web service 的查詢結果。
附註:
*前端程式碼
// 匿名物件
var person = { pid: 'A123456789' };
// 匿名物件轉為 JSON 字串
var params = JSON.stringify( person );
$.ajax({
type: "POST",
url: "../../WebService.asmx/FindPerson", // WEB SERVICE
data: params, // 參數
contentType: "application/json; charset=utf-8", // 參數格式
dataType: "json", // 回傳格式
success: function(response) {
// 將 WEB SERVICE 回傳的字串轉為物件
var jsonObj = $.parseJSON(response.d);
// 使用 chrome 按 F12 選擇 console 即可看到結果
console.log("Hello, I am " + jsonObj.name);
} // ajax 執行成功
, failure: function(msg) { } // ajax 執行失敗
,error: function(msg) { } // ajax 執行發生錯誤
});
*後端程式碼
// WEB SERVICE
<WebMethod(True)> _
Public Function FindPerson(ByVal pid As String) As String
// DB 取出 Person 物件資料(附註DataTable轉Object可參考LINQ)
Dim pObj AS Person = db.SelectPerson(pid)
// 將物件序列化為字串
Return New JavaScriptSerializer().Serialize( pObj )
End Function
// 物件
Class Person
Public name As String
End Class